import Vue from 'vue'
import axios from 'axios'
import { ElMessage } from 'element-plus'

console.log(process.env.VUE_APP_API_BASE_URL,'--$baseURL,')

const service = axios.create({
  // baseURL: process.env.VUE_APP_API_BASE_URL,
  baseURL: '',
  // 超时时间 单位是ms，这里设置了6s的超时时间
  timeout: 6 * 1000
})

service.interceptors.request.use(config => {
  //发请求前做的一些处理，数据转化，配置请求头，设置token,设置loading等，根据需求去添加
  //数据转化,也可以使用qs转换
  config.data = JSON.stringify(config.data);
  config.headers = {
    // 'Content-Type':'application/x-www-form-urlencoded' //配置请求头
    'Content-Type':'application/json;charset=UTF-8' //配置请求头
  }
  const token = localStorage.getItem('loginToken');
  if(token){
    // config.params = {'token':token} //如果要求携带在参数中
    config.headers.token= token; //如果要求携带在请求头中
  }

  let userInfo = localStorage.getItem('userInfo')
  if(userInfo){
    userInfo = JSON.parse(userInfo);
    config.headers.Authorization = userInfo.headerParam.Authorization;
    config.headers.Tenant = userInfo.headerParam.Tenant;
  }

  return config
}, error => {
  Promise.reject(error)
})

// 响应拦截器
service.interceptors.response.use(response => {
  //接收到响应数据并成功后的一些共有的处理，关闭loading等
  return response
}, error => {
  if (error && error.response) {
    // 公共错误处理
    // 根据响应码具体处理
    switch (error.response.status) {
      case 400:
        error.message = '错误请求'
        break;
      case 401:
        error.message = '未授权，请重新登录'
        break;
      case 403:
        error.message = '拒绝访问'
        break;
      case 404:
        error.message = '请求错误,未找到该资源'
        break;
      case 405:
        error.message = '请求方法未允许'
        break;
      case 408:
        error.message = '请求超时'
        break;
      case 500:
        error.message = '服务器端出错'
        break;
      case 501:
        error.message = '网络未实现'
        break;
      case 502:
        error.message = '网络错误'
        break;
      case 503:
        error.message = '服务不可用'
        break;
      case 504:
        error.message = '网络超时'
        break;
      case 505:
        error.message = 'http版本不支持该请求'
        break;
      default:
        error.message = `连接错误${error.response.status}`
    }
  } else {
    // 超时处理
    if (JSON.stringify(error).includes('timeout')) {
      ElMessage.error('服务器响应超时，请刷新当前页')
    }
    error.message = '连接服务器失败'
  }
  ElMessage.error(error.message)
  /***** 处理结束 *****/
  //如果不需要错误处理，以上的处理过程都可省略
  return Promise.resolve(error.response)
})
export default service;
